<template>
  <div class="crumb">
    <template v-for="(item,index) in arr" >
      <a href="" :key="index" :style="{color:index == 0 ? '#000':'#999'}">{{item.name}}</a>
      <i v-if="index < arr.length - 1">/</i>
    </template>
  </div>
</template>

<script>
export default {
  props:['arr']
}
</script>

<style lang="less" scoped>
.crumb{
    margin-bottom: 15px;
    a{
      text-decoration: none;
    }
    i{
        margin:0 10px;
        color:#999
    }
}

</style>